*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.bg{
    position: absolute;
    width: 3920px;
    height: 100%;
    top: 0;
    left: 0;
    animation: bgMove  20s linear infinite;
    list-style: none;
}

.bg li{
    width: 100%;
    height: 100%;
    margin-left: -2000px;
    background: url("./imgs/2.jpg");
    float: left;
}

div{
    position: absolute;
    top: 50%;
    width: 180px;
    height: 180px;
    z-index: 20;
    transition: top 0.5s;
}
.test{
    width: 200px;
    height: 200px;
    overflow: hidden;
    /*background: url("./imgs/wk.png")no-repeat 0 0;*/
}
.test img{
    height: 100%;
    position: relative;
    left: 0;
}
.wk{
    left: 20%;
    background: url("./imgs/wk.png") 0 0 no-repeat;
    background-size: cover;
    /*animation: wkMove 1s steps(8) reverse both infinite;*/
    /*animation: wkMove 1s steps(8) both infinite;*/
}
.wkM{
    animation: wkMove 1s steps(8)  infinite;
}
@keyframes wkMove {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: -1600px 0;
    }
}

.bj{
    left: 30%;
    background: url("./imgs/bj.png") 0 0 no-repeat;
    /*animation: bjMove 1s 0.3s steps(8) both infinite;*/
}
.bjM{
    animation: bjMove 1s 0.3s steps(8) both infinite;
}
@keyframes bjMove {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: -1600px 0;
    }
}

.ts{
    left: 40%;
    top: 45%;
    height: 240px;
    background: url("./imgs/ts.png") 0 0 no-repeat;
    /*animation: tsMove 1s steps(8) both infinite;*/
}
.tsM{
    animation: tsMove 1s steps(8) both infinite;
}
@keyframes tsMove {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: -1360px 0;
    }
}

.ss{
    left: 50%;
    height: 200px;
    background: url("./imgs/ss.png") 0 0 no-repeat;
    /*animation: ssMove 1s steps(8) both infinite;*/
}
.ssM{
    animation: ssMove 1s steps(8) both infinite;
}
@keyframes ssMove {
    0%{
        background-position: 0 0 ;
    }
    100%{
        background-position: -1680px 0;
    }
}


@keyframes bgMove {
    0%{
        left: 0px;
    }
    100%{
        left: 1920px;
    }
}